<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/css/layx.min.css" media="all">
    <link rel="stylesheet" href="/css/Chart.min.css" media="all">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <title>clibalgserver</title>
</head>

<body>
    <div class="layui-container" id="app" style="background-color: white">
        <div class="layui-row">
            <div class="layui-col-sm16">
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
                    <legend>算法可视化</legend>
                </fieldset>

                <form class="layui-form" action="">
                    <div class="layui-form-item">
                        <label class="layui-form-label">链接</label>
                        <div class="layui-input-block">
                            <a href="/">首页</a>
                            <a href="#" @click="reload">重置缓存</a>
                            <a href="#" @click="test('test_var')">测试变量</a>
                            <a href="#" @click="test('test_1d')">测试一维数组</a>
                            <a href="#" @click="test('test_2d')">测试二维数组</a>
                        </div>
                        <div class="layui-input-block">
                            <b>【排序】</b>
                            <a href="#" @click="test('sort/bubble')">冒泡</a>
                            <a href="#" @click="test('sort/insert')">插入</a>
                            <a href="#" @click="test('sort/selection')">选择</a>
                            <a href="#" @click="test('sort/quick')">快速</a>
                            <a href="#" @click="test('sort/merge')">归并</a>
                            <a href="#" @click="test('sort/shell')">希尔</a>
                        </div>
                        <div class="layui-input-block">
                            <b>【回溯】</b>
                            <a href="#" @click="test('backtrace/n-queen')">N皇后</a>
                        </div>
                        <div class="layui-input-block">
                            <b>【动态规划】</b>
                            <a href="#" @click="test('dp/lcs')">最长公共子序列</a>
                        </div>
                        <div class="layui-input-block">
                            <b>【图】</b>
                            <a href="#" @click="test('graph/dfs')">深搜</a>
                            <a href="#" @click="test('graph/bfs')">宽搜</a>
                            <a href="#" @click="test('graph/dijkstra')">Dijkstra最短路径</a>
                            <a href="#" @click="test('graph/mst_prim')">Prim最小生成树</a>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div>
                            <label class="layui-form-label">输入代码</label>
                            <div class="layui-input-inline" style="width:500px;height:500px">
                                <div id="editor" style="width:500px;height:500px"></div>
                            </div>
                        </div>
                        <div>
                            <label class="layui-form-label">输出结果</label>
                            <div class="layui-input-inline" style="width:400px;height:500px">
                                <textarea placeholder="输出结果" readonly class="layui-textarea" v-model="toutput" rows="20"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button type="submit" class="layui-btn" @click="compile" onclick="return false;">发送</button>
                            <button type="reset" class="layui-btn layui-btn-primary" onclick="return false;">重置</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="js/jquery.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/layx.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/vue.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="ace/ace.js" charset="utf-8"></script>
    <script type="text/javascript" src="ace/ext-language_tools.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/eventbus.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/Chart.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/chartjs-plugin-datalabels.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/go.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/alg.js" charset="utf-8"></script>
</body>

</html>